//变量
@images: "../images";
.font-family-yahei() {
    font-family: "Microsoft YaHei";
}
//全局样式
* {
    margin: 0;
    padding: 0;
}
body {
    _behavior: url("css/csshover3.htc");
    width: 1030px;
}
ul {
    list-style: none;
}
a {
    text-decoration: none;
}
img {
    border: 0;
}
.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.top-line {
    height: 3px;
    background-color: #85c155;
    _overflow: hidden;
}
.navbox {
    background-color: #fafafa;
    .nav {
        width: 1000px;
        height: 80px;
        margin: 0 auto;
        *position: relative!important;
        *z-index: 1000!important;
        a.logo {
            width: 116px;
            height: 35px;
            padding-top: 20px;
            margin-left: 1px;
            float: left;
            display: block;
            background-image: url("@{images}/logo.png");
            background-repeat: no-repeat;
            background-position: 0px 20px;
        }
        ul {
            width: 550px;
            margin-top: 27px;
            padding-left: 11px;
            float: left;
            li {
                padding: 0px 17px 0px 18px;
                float: left;
                a {
                    font-size: 18px;
                    .font-family-yahei();
                    color: #4BA733;
                }
            }
            li.other {
                position: relative;
                height: 40px;
                *top: 0px!important;
                a {
                    position: relative;
                    div {
                        position: absolute;
                        width: 0px;
                        height: 0px;
                        line-height: 0;
                        left: 42px;
                        top: 8px;
                        border-width: 5px 4px 0;
                        border-style: solid;
                        border-color: #4BA733 transparent transparent;
                        _border-style: solid dashed dotted dashed;
                        *left: 40px!important;
                        *top: 8px!important;
                    }
                }
                div.nav-ul-pop {
                    display: none;
                    position: absolute;
                    top: 32px;
                    left: -34px;
                    padding-top: 5px;
                    padding-bottom: 5px;
                    background-color: #FFF;
                    border: 1px solid #E0E0E0;
                    z-index: 1000;
                    *width: 100px!important;
                    a {
                        display: block;
                        width: 70px;
                        height: 18px;
                        line-height: 16px;
                        padding: 5px 15px 5px 15px;
                        text-align: right;
                        color: #666;
                        font-size: 16px;
                        &:hover {
                            background-color: #C0BBBB;
                        }
                    }
                }
            }
        }
        form {
            margin-top: 20px;
            float: right;
            img {
                float: left;
            }
            span {
                height: 38px;
                float: left;
                border-top: 1px solid #ededed;
                border-bottom: 1px solid #ededed;
                background-color: #fff;
                input.search-text {
                    width: 200px;
                    height: 32px;
                    line-height: 32px;
                    padding: 3px 5px;
                    float: left;
                    border-style: none;
                    outline: none;
                    background-color: #fff;
                }
                input.search-submit {
                    width: 24px;
                    height: 38px;
                    background-image: url("@{images}/search.png");
                    background-repeat: no-repeat;
                    background-position: center;
                    border-style: none;
                    background-color: #fff;
                    &:hover {
                        cursor: pointer;
                        background-image: url("@{images}/search-change.png");
                    }
                }
            }
        }
    }
}
.login {
    background-color: #f3f3f3;
    *position: relative!important;
    .login-box {
        width: 1000px;
        height: 175px;
        margin: 0 auto;
        position: relative;
        .l-b-top {
            padding-top: 65px;
            .font-family-yahei();
            font-size: 21px;
            p {
                width: 336px;
                height: 50px;
                line-height: 50px;
                margin-right: 15px;
                margin-left: 132px;
                color: #333;
                float: left;
                //块级元素设置display: inline-block;问题解决办法:*zoom: 1!important;*display: inline!important;
                // *zoom: 1!important;
                // *display: inline!important;
            }
            a {
                width: 180px;
                height: 50px;
                line-height: 50px;
                margin: 0px 9px;
                background-color: #88C833;
                color: #F7F7F7;
                text-align: center;
                float: left;
                &:hover {
                    background-color: #50a220;
                }
            }
        }
        .l-b-bottom {
            position: absolute;
            height: 25px;
            line-height: 25px;
            bottom: 19px;
            left: 495px;
            color: #999;
            _font-family: SimSun;
            span {
                position: absolute;
                width: 120px;
                top: 1px;
                left: 89px;
                a {
                    width: 25px;
                    height: 25px;
                    margin-right: 14px;
                    background-repeat: no-repeat;
                    background-position: center;
                    float: left;
                }
                a.weibo {
                    background-image: url("@{images}/weibo.png");
                }
                a.qq {
                    background-image: url("@{images}/qq.png");
                }
                a.douban {
                    background-image: url("@{images}/douban.png");
                }
            }
        }
    }
}
.index-page {
    width: 1020px;
    margin: 0 auto;
    padding: 0 15px;
    margin-top: 40px;
    .main {
        width: 680px;
        float: left;
        h1.gbtitle {
            width: 680px;
            margin-bottom: 5px;
            padding-bottom: 6px;
            .font-family-yahei();
            font-size: 18px;
            font-weight: 400;
            color: #4C4C4C;
            border-bottom: 1px solid #E9E9E9;
        }
        .reco {
            margin-top: 25px;
            height: 250px;
            .r-focus {
                position: relative;
                float: left;
                .r-f-content {
                    a {
                        display: none;
                        img {
                            width: 330px;
                            height: 235px;
                        }
                    }
                    a.now {
                        display: block;
                        width: 330px;
                        height: 235px;
                    }
                }
                .r-f-explain {
                    position: absolute;
                    width: 330px;
                    height: 70px;
                    top: 165px;
                    background-color: #000;
                    filter: alpha(opacity=70);
                    opacity: 0.7;
                    .r-f-e-title {
                        margin-top: 14px;
                        a {
                            display: none;
                            &:hover {
                                text-decoration: underline;
                            }
                        }
                        a.now {
                            display: block;
                            text-align: center;
                            .font-family-yahei();
                            color: #E9E9E9;
                        }
                    }
                    .r-f-e-nav {
                        margin-top: 7px;
                        *margin-top: 12px!important;
                        text-align: center;
                        li {
                            display: inline-block;
                            vertical-align: middle;
                            width: 8px;
                            height: 8px;
                            font-size: 0;
                            margin: 0px 4px;
                            border-radius: 8px;
                            background-color: #E9E9E9;
                            *margin-left: 10px!important;
                            *margin-right: 10px!important;
                            *zoom: 1!important;
                            *display: inline!important;
                            _overflow: hidden;
                            &:hover {
                                cursor: pointer;
                            }
                        }
                        li.now {
                            background-color: #88C932;
                        }
                    }
                }
            }
            .r-article {
                float: right;
                ul {
                    width: 330px;
                    height: 248px;
                    float: right;
                    color: #666;
                    li {
                        margin-bottom: 9px;
                        _margin-bottom: 8px;
                        a {
                            .font-family-yahei();
                            color: #666;
                            &:hover {
                                text-decoration: underline;
                            }
                        }
                    }
                }
            }
        }
        h1.title-ask {
            margin-top: 27px;
            float: left;
            color: #0078B6;
            border-bottom-color: #C5EBF9;
        }
        div {
            div {
                .content {
                    width: 334px;
                    margin-top: 15px;
                    padding-bottom: 15px;
                    _font-family: SimSun;
                    h2.c-title {
                        height: 35px;
                        .font-family-yahei();
                        font-size: 16px;
                        font-weight: 400;
                        color: #333;
                    }
                    ul {
                        font-size: 14px;
                        color: #999;
                        li {
                            position: relative;
                            height: 26px;
                            line-height: 26px;
                            div.point-6x6 {
                                position: absolute;
                                width: 5px;
                                height: 5px;
                                top: 50%;
                                left: 5px;
                                margin-top: -2.5px;
                                background-color: #999;
                                _overflow: hidden;
                            }
                            a {
                                margin-left: 16px;
                                width: 298px;
                                font-family: Arial, Helvetica, sans-serif;
                                font-size: 14px;
                                color: #666;
                                _font-family: SimSun;
                            }
                        }
                        li.c-li-1 {
                            height: 100px;
                            list-style-type: none;
                            *list-style-position: outside!important;
                            a.c-li-1-a {
                                display: block;
                                width: 135px;
                                height: 90px;
                                margin-left: 0px;
                                float: left;
                                position: relative;
                                img {
                                    *display: inherit!important;
                                    *width: 135px!important;
                                    *height: 90px!important;
                                    *float: left!important;
                                }
                                span {
                                    display: block;
                                    width: 135px;
                                    height: 90px;
                                    top: 0;
                                    left: 0;
                                    position: absolute;
                                    *display: inherit!important;
                                    *width: 135px!important;
                                    *height: 90px!important;
                                    *float: left!important;
                                }
                                &:hover span {
                                    background-color: #000;
                                    filter: alpha(opacity=40);
                                    opacity: 0.4;
                                    transition: all 0.4s ease-in-out 0s;
                                    *cursor: pointer!important;
                                }
                            }
                            div {
                                width: 189px;
                                float: right;
                                h3 {
                                    height: 42px;
                                    font-weight: 700;
                                    line-height: 21px;
                                    a {
                                        margin-left: 0px;
                                    }
                                }
                                p {
                                    height: 48px;
                                    margin-top: 10px;
                                    font-size: 12px;
                                    line-height: 20px;
                                    a {
                                        margin-left: 0px;
                                        font-size: 12px;
                                        color: #0078B6;
                                    }
                                }
                            }
                        }
                    }
                    a:hover {
                        text-decoration: underline;
                    }
                }
                .a-left {
                    float: left;
                }
                .a-right {
                    float: right;
                }
            }
        }
        h1.title-group {
            margin-top: 27px;
            float: left;
            color: #4BA733;
            border-bottom-color: #CCF5C1;
        }
    }
    .side {
        width: 300px;
        margin-top: 42px;
        float: right;
        .side-content {
            h2.c-title {
                height: 18px;
                .font-family-yahei();
                font-size: 16px;
                font-weight: 400;
                color: #333;
                a {
                    font-size: 12px;
                    font-family: Arial, Helvetica, sans-serif;
                    color: #666;
                    float: right;
                    _font-family: SimSun;
                    &:hover {
                        text-decoration: underline;
                    }
                }
            }
            ul {
                margin-top: 20px;
                font-size: 10px;
                li {
                    margin-bottom: 20px;
                    font-size: 12px;
                    font-family: Arial, Helvetica, sans-serif;
                    _font-family: SimSun;
                    a.group-img {
                        float: left;
                    }
                    div.li-text {
                        width: 232px;
                        height: 48px;
                        color: #999;
                        float: right;
                        line-height: 18px;
                        h3 {
                            display: inline;
                            a {
                                display: inline-block;
                                font-size: 12px;
                                font-weight: 400;
                                color: #4AA933;
                            }
                            a.group-name:hover {
                                text-decoration: underline;
                            }
                            a.default {
                                color: #666;
                            }
                            a.lt-img {
                                width: 15px;
                                height: 14px;
                                margin-left: 5px;
                                margin-right: 5px;
                                vertical-align: middle;
                                background: url(../images/1-icon.png) no-repeat -539px 0px;
                                &:hover {
                                    background: url(../images/1-icon.png) no-repeat -555px 0px;
                                }
                            }
                        }
                        span {
                            margin-left: 5px;
                        }
                        p {
                            margin-top: 5px;
                            line-height: 18px;
                            width: 232px;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }
                    }
                }
            }
            ul.simple {
                li {
                    position: relative;
                    height: 24px;
                    line-height: 24px;
                    margin-bottom: 0px;
                    color: #D2D2D2;
                    div.point-3x3 {
                        position: absolute;
                        width: 3px;
                        height: 3px;
                        top: 50%;
                        left: 3px;
                        margin-top: -1.5px;
                        background-color: #D2D2D2;
                        _overflow: hidden;
                    }
                    a {
                        display: inline-block;
                        margin-left: 15px;
                        width: 285px;
                        color: #666;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        &:hover {
                            text-decoration: underline;
                        }
                    }
                }
            }
        }
        .tb-line {
            margin-top: 25px;
            margin-bottom: 10px;
            padding-top: 10px;
            padding-bottom: 15px;
            border-top: 1px solid #ededed;
            border-bottom: 1px solid #ededed;
        }
    }
}
.footer {
    width: 1000px;
    height: 80px;
    margin: 0 auto;
    padding: 0 auto;
    margin-top: 30px;
    font-size: 12px;
    _font-family: SimSun;
    .f-nav {
        text-align: center;
        line-height: 35px;
        a {
            margin-left: 10px;
            margin-right: 10px;
            color: #0078B6;
            &:hover {
                text-decoration: underline;
            }
        }
    }
    .f-info {
        text-align: center;
        line-height: 35px;
        border-top: 1px solid #ECECEC;
        color: #999;
    }
}
